import SvgIcon from '@/components/SvgIcon' // svg component
// import { createApp } from 'vue'

// require.context 获取特定的文件 遍历文件夹的文件 然后自动导出,使得不需要每次显式的调用import导入模块
const req = require.context('./svg', false, /\.svg$/)
const requireAll = (requireContext) => requireContext.keys().map(requireContext)
requireAll(req)

// const app = createApp()
// app.component('svg-icon', SvgIcon)

/**
 * 测试使用此方法获取 test1.js test2.js test3.js 数据
 *  svg 需要应用 svg-sprite-loader 插件
 */

// let files = require.context('./testJS', false, /\.js$/)
// let files = require.context('./svg', false, /\.svg$/)
// const keys = files.keys()
// let testArry = []
// keys.forEach((item) => {
//   if (item === './index.js') return
//   testArry.push(files(item))
// })

// console.log('files:', files)
// console.log('keys:', keys)
// console.log('testArry:', testArry)

// console.log(testArry.map((e) => e.default))

export function SVGComponents(app) {
  // register globally  全局注册
  app.component('svg-icon', SvgIcon)
}
